<template>
	<view class="page">
		<!--店铺 -->
		<view class="shop">
			<view class="shop-list">
				<view class="list">

					<view class="goods">
						<view class="thumb">
							<image :src="storeInfo.logo_img" mode="aspectFill"></image>
						</view>
						<view class="item">
							<view class="title">
								<text class="two-omit">dhdh获得很好的</text>
							</view>
							<view class="attribute">
								哈哈动画
							</view>
						</view>

						<view class="look" @click="more">
							<text>更多</text>
						</view>

					</view>


				</view>
			</view>

		</view>
		<!-- 商品 -->
		<view class="production">
			<view class="title">
				全部商品
			</view>


			<view class="root">
				<ren-dropdown-filter :filterData='filterData' :defaultIndex='defaultIndex' @onSelected='ed'
					@dateChange='dateChange'></ren-dropdown-filter>
			</view>
			<view class="production-container">
				<view class="production-item" v-for="(item, index) in swiperList" :key="index" @click="onSkip('goods')">
					<u--image :showLoading="true" radius="20rpx 20rpx 0 0" :src="item.url" width="320rpx"
						height="350rpx"></u--image>
					<u--text margin="10rpx" :text="item.name" size="16"></u--text>
					<u--text margin="10rpx" :text="item.price" color="#9b742f" size="16"
						radius="30rpx">{{ item.price }}</u--text>
				</view>
			</view>

		</view>
	</view>
</template>

<script>
	import RenDropdownFilter from '@/components/ren-dropdown-filter/ren-dropdown-filter.vue'
	export default {
		components: {
			RenDropdownFilter
		},
		data() {
			return {
				swiperList: [{
						id: 0,
						name: '白玉',
						price: '￥5000',
						type: 'image',
						url: '/static/img/banner_01.png'
					},
					{
						id: 1,
						name: '血玉',
						price: '￥10000',
						type: 'image',
						url: '/static/img/banner_02.png'
					},
					{
						id: 2,
						name: '百题玉',
						price: '￥5000',
						type: 'image',
						url: '/static/img/banner_03.png'
					},
					{
						id: 3,
						name: '百题玉',
						price: '￥5000',
						type: 'image',
						url: '/static/img/banner_03.png'
					},
					{
						id: 3,
						name: '百题玉',
						price: '￥5000',
						type: 'image',
						url: '/static/img/banner_03.png'
					},
					{
						id: 4,
						name: '百题玉',
						price: '￥5000',
						type: 'image',
						url: '/static/img/banner_03.png'
					},
					{
						id: 5,
						name: '百题玉',
						price: '￥5000',
						type: 'image',
						url: '/static/img/banner_03.png'
					},
					{
						id: 6,
						name: '百题玉',
						price: '￥5000',
						type: 'image',
						url: '/static/img/banner_03.png'
					},

				],


			}
		},
		onLoad() {

		},
		methods: {
			ed(res) {
				console.log(res)
			},
			dateChange(d) {
				uni.showToast({
					icon: 'none',
					title: d
				})
			},
			// 商品详情
			onSkip(type) {
				switch (type) {

					case 'goods':
						uni.navigateTo({
							url: '/moduleB/GoodsDetails/GoodsDetails',
							animationType: 'zoom-fade-out',
							animationDuration: 200
						})
						break;
				}
			},
		}
	}
</script>

<style scoped lang="scss">
	@import 'businessDetails.scss';
</style>